<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title> {$data['event_name']} </title>
    {template _meta.html}
    <style>
    .table .m {width:108px;height:20px;line-height:19px;text-indent:5px;display:block;float:left;border:1px solid #ccc;margin:4px;background:#222;}
    .table th {text-align:right;}
    </style>
  </head>
  
  <body>  
    
    {template _header.html}

    <div class="container">
      {template _search.html}
      <div class="left">
        {template _recentraid.html}
      </div>
      <div class="right">
        <div class="tabtitle">
          <div class="floatl">{$data['event_name']} {echo get_timediff($data['event_end'],$data['event_start'])}</div>
        </div>
        <table class="table">
          <tbody>
            <tr>
              <th width="80px;">{lang instance_name}</th>
              <td>{$event['instance']}</td>
            </tr>
            <tr>
              <th>{lang event_name}</th>
              <td>{$data['event_name']}</td>
            </tr>
            <tr>
              <th>{lang event_start}</th>
              <td>{echo date("Y-m-d H:i:s",$data['event_start'])}</td>
            </tr>
            <tr>
              <th>{lang event_end}</th>
              <td>{echo date("Y-m-d H:i:s",$data['event_end'])}</td>
            </tr>
            <tr>
              <th>{lang event_note}</th>
              <td>{$data['event_note']}</td>
            </tr>
          </tbody>
          <tbody>
          {loop $classes $_ $v}
            <tr style="color:{$v['class_color']}">
              <th>{$v['class_name']}</th><td>
              {loop $event['members'] $ii $vv}
                {if $vv[2]==$v['class_en'] or $vv[2]==$v['class_name']}<span class="m" style="border-color:{$v['class_color']}">{$vv[0]}<em></em></span>{/if}
              {/loop}</td>
            </tr>
          {/loop}
          </tbody>
          
        </table>  
      </div>
    </div>
    
    {template _footer.html}

    <script>
      $(".table tr").addClass('tr1');
      var event = {$json};
    </script>
    
  </body>
</html>